<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css" th:inline="css">
            .style1 {
                color: [[${color}]]
            }
        </style>
    </head>
    <body>
        test.html文件<br/>

        <!--OGNL 对象图导航语言，通过反射拿到get方法。-->
        <!--th:text代表文本里面的内容，即“book.bookName”在“图书名称”这里展示值，“图书名称”可以省略。-->
        <label th:text="${book.bookName}">图书名称</label>

        价格：<label th:text="${price}"></label><br/>
        字符串：
        <div th:text="${str}"></div>
        <p th:text="${book.bookName}">图书名称：</p>

        <!--th:inline内联标签；可以拼接值；-->
        <p th:inline="text" class="style1">图书名称：[[${book.bookName}]]</p>


        <p th:text="${book.bookId}">图书ID：</p>
        <p th:text="${book.bookName}">图书名称：</p>
        <p th:text="${book.bookAuthor}">图书作者：</p>

        <!--这里的*代表上层的对象“${book}”  -->
        <div th:object="${book}">
            <p th:text="*{bookId}">图书ID：</p>
            <p th:text="*{bookName}">图书名称：</p>
            <p th:text="*{bookAuthor}">图书作者：</p>
        </div>

        <table style="width: 600px" border="1" cellspacing="0">
            <caption>图书信息列表</caption>
            <thead>
            <tr>
                <th>图书ID</th>
                <th>图书名称</th>
                <th>图书作者</th>
                <th>图书价格</th>
                <th>购买建议</th>
            </tr>
            </thead>
            <tbody>
            <!--循环遍历books-->
            <tr th:each="b:${books}">
                <td th:text="${b.bookId}"></td>
                <td th:text=" ${b.bookName}"></td>
                <td th:text="${b.bookAuthor}"></td>
                <td th:text="${b.bookPrice}"></td>
                <!--如果价格大于40则太贵，小于等于40则推荐购买-->
                <!--<td th:if="${b.bookPrice}>40" style="color:red">太贵！！！</td>-->
                <!--<td th:if="${b.bookPrice}<=40" style="color:green">推荐购买！！！</td>-->

                <td th:switch="${b.bookPrice}/10">
                    <label th:case="3">建议购买</label>
                    <label th:case="4">价格合理</label>
                    <!--*表示其他值-->
                    <label th:case="*">价格不合理</label>
                </td>
            </tr>
            </tbody>
        </table>
    </body>
</html>

